import React, {useCallback} from 'react'
import MainLayout from '../Common/MainLayout'
import { connect } from 'react-redux'
import './index.less'

function Home( {dispatch, userInfo} ) {
    console.log(arguments)
    return (
        <div className='home-container'>
           <div className='top'>
               <div className='left'>
                   <div>
                        <img src={require('../../image/user.png')}/>
                        <p>部门：{userInfo.dept}</p>
                        <p>用户：{userInfo.name}</p>

                   </div>
                   <div></div>
                   <div></div>
                   <div></div>
               </div>
               <div className='right'></div>
           </div>
           <div className='bottom'>
               <div></div>
               <div></div>
               <div></div>
           </div>
        </div>
    )
}
function mapStateToProps(state) {
    return {
        userInfo:state.common.userInfo
    }
}
export default connect(mapStateToProps)(MainLayout(Home))